<template>
        <div class="max">
        <div class="nav">
            <ul>
                <li>全部</li>
                <li>系统消息</li>
                <li>我的消息</li>
                <li>信息动态</li>
            </ul>
        </div>
        <div class="message">
            <div class="red">
                <img class="img1" src="/static/imgs_s06/s06_red.png" alt="">
                <div class="xx">
                <p class="xt"><span class="txt">系统消息</span> <span class="time"></span>21:26</p>
                <sapn class="js">新功能上线啦，立刻体验！</sapn>
            </div>
            </div>
            <div class="green">
                <img class="img1" src="/static/imgs_s06/s06_green.png" alt="">
                <div class="xx">
                        <p class="xt"><span class="txt">我的消息</span> <span class="time"></span>21:28</p>
                        <sapn class="js">新功能上线啦，立刻体验！</sapn>
                    </div>
            </div>
            <div class="blue">
                <img class="img1" src="/static/imgs_s06/s06_blue.png" alt="">
                <div class="xx">
                        <p class="xt"><span class="txt">信息动态</span> <span class="time"></span>21:26</p>
                        <sapn class="js">新功能上线啦，立刻体验！</sapn>
                    </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
  data() {
    return {};
  },

  components: {},

  methods: {},

  created() {
    // let app = getApp()
  }
};
</script>
    <style>

        
        .max {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            background: #ddd;
        }

        .nav {
            width: 375px;
            height: 44px;
            background: white;
        }

        li {
            float: left;
            font-size:13px;
            font-family:"Source Han Sans CN";
            font-weight:400;
            color:rgba(51,51,51,1);
            line-height:44px;
            margin-left: 38px;
        }

        .message{
            width: 375px;
            height: 558px;
            background: white;
            margin-top: 8px;
        }

        .red,.green,.blue{
            display: flex;
            flex-direction: row;
            margin-left: 15px;
            
        }

        .red{
            margin-top: 14px;
        }

        .green,.blue{
            margin-top: 27px;
        }

        .img1{
            width: 47px;
            height: 47px;
            margin-right: 13px;
        }

        .xt{
            font-size:15px;
            font-family:"Source Han Sans CN";
            color:rgba(38,38,38,1);
        }

        .time{
            margin-left: 190px;
            font-size:11px;
            font-family:"Source Han Sans CN";
            font-weight:300;
            color:rgba(153,153,153,1);
        }

        .js{
            font-size:12px;
            font-family:"Source Han Sans CN";
            font-weight:400;
            color:rgba(153,153,153,1);
        }
    </style>